<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/index.js"></script>
    <title>Document</title>
</head>
<body>
    <div class="jd_layout">
    <!-- 搜索块 -->
    <div class="jd_search">
        <a class="jd_logo" href="javascript:;"></a>
        <form class="jd_searchBox action="">
            <input type="text" placeholder="请输入搜索内容">
        </form>
        <a class="jd_login" href="javascript:;">登录</a>
    </div>  
        
    <!-- 轮播图 -->
    <div class="jd_banner">
        <ul class="bannerImg_container">
            <li>
                <a href="javascript:;">
                    <img src="./uploads/l1.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./uploads/l2.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./uploads/l3.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./uploads/l4.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./uploads/l5.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./uploads/l6.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./uploads/l7.jpg" alt="">
                </a>
            </li>
            <li>
                <a href="">
                    <img src="./uploads/l8.jpg" alt="">
                </a>
            </li>
        </ul>
        <!-- 小圆点 -->
        <ul class="banner_pagination">
            <li class="active"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <!-- 导航块 -->
    <div class="jd_nav ">
        <ul class="nav_container clearfix">
            <li>
                <a href="javascript:;">
                    <img src="./images/nav_1.png" alt="">
                </a>
                <p>商品详情</p>
            </li>
            <li>
                <a href="javascript:;"><img src="./images/nav_2.png" alt=""></a>
                <p>商品详情</p>
            </li>
            <li>
                <a href="javascript:;"><img src="./images/nav_3.png" alt=""></a>
                <p>商品详情</p>
            </li>
            <li>
                <a href="javascript:;"><img src="./images/nav_4.png" alt=""></a>
                <p>商品详情</p>
            </li>
            <li>
                <a href="javascript:;"><img src="./images/nav_5.png" alt=""></a>
                <p>商品详情</p>
            </li>
            <li>
                <a href="javascript:;"><img src="./images/nav_6.png" alt=""></a>
                <p>商品详情</p>
            </li>
            <li>
                <a href="javascript:;"><img src="./images/nav_7.png" alt=""></a>
                <p>商品详情</p>
            </li>
            <li>
                <a href="javascript:;"><img src="./images/nav_8.png" alt=""></a>
                <p>商品详情</p>
            </li>
        </ul>
    </div>
    <!-- 产品块 -->
    <div class="jd_products">
        <div class="products_wrapper clearfix jd_sk">
            <div class="products_tips clearfix">
                <div class="jd_left fl">    
                    <span class="jd_sk_icon fl"></span>
                    <span class="jd_sk_text fl">掌上秒杀</span>
                    <div class="jd_sk_time fl">
                        <span>0</span>
                        <span>0</span>
                        <span>:</span>
                        <span>0</span>
                        <span>0</span>
                        <span>:</span>
                        <span>0</span>
                        <span>0</span>
                    </div>  
                </div>
                <div class="jd_right_more fr">更多秒杀...</div>
            </div>
        <div class="products_content ">
           <ul class="clearfix">
               <li>
                    <a href="javascript:;">
                       <img src="./uploads/detail01.jpg" alt="">
                    </a>
                    <p>&yen;10:00</p>
                    <p>&yen;20:00</p>
                </li>
               <li>
                    <a href="javascript:;">
                       <img src="./uploads/detail01.jpg" alt="">
                    </a>
                    <p>&yen;10:00</p>
                    <p>&yen;20:00</p>
                </li>
               <li>
                    <a href="javascript:;">
                       <img src="./uploads/detail01.jpg" alt="">
                    </a>
                    <p>&yen;10:00</p>
                    <p>&yen;20:00</p>
                </li>
           </ul>
        </div>
    </div>

        <div class="products_wrapper">  
            <div class="products_tips">
                <h3>京东标题</h3>   
            </div>
            <div class="prducts_content clearfix">
                <a class="a_50 fl" href="javascript:;">
                    <img src="./uploads/cp1.jpg" alt="">
                </a>
                <a class="a_50 fl b_left b_bottom" href="javascript:;">
                    <img src="./uploads/cp2.jpg" alt="">
                </a>
                <a class="a_50 fl b_left" href="javascript:;">
                    <img src="./uploads/cp3.jpg" alt="">
                </a>
            </div>
        </div>

        <div class="products_wrapper">
            <div class="products_tips">
                <h3>京东标题</h3>
            </div>
            <div class="prducts_content clearfix">
                <a class="a_50 fr" href="javascript:;">
                    <img src="./uploads/cp4.jpg" alt="">
                </a>
                <a class="a_50 fl b_left b_bottom" href="javascript:;">
                    <img src="./uploads/cp5.jpg" alt="">
                </a>
                <a class="a_50 fl b_left" href="javascript:;">
                    <img src="./uploads/cp6.jpg" alt="">
                </a>
            </div>
        </div>
    </div>
</div>
</body>
</html>